<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Lennie</title>
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
    <link rel='stylesheet' type='text/css' href='css/fullcalendar.css' />
    <script src="phonegap.js"></script>
    <script src="lib/jquery-1.7.2.min.js"></script>
    <script src="js/mobileinit.js"></script>
    <script src="lib/jquery.mobile-1.1.0.min.js"></script>
    <script src="js/Model.sql.js"></script>
    <script src="js/Model.js"></script>
    <script src="js/Interface.js"></script>
    <script src="js/Header.js"></script>
    <script src="js/ListViewPage.js"></script>
    <script src="js/ListView.js"></script>
    <script src="js/DetailPage.js"></script>
    <script src="js/Controller.js"></script>
    <script src="lib/fullcalendar.min.js"></script>
</head>
<body>
        <div data-role="page" class="type-interior" id="ImportExport">
			<div data-role="header">
				<a class="a-back" data-role="button" data-rel="back" data-icon="back">Back</a>
				<h1 class="h1-title">Import/Export</h1>
			</div>
            <div data-role="content">  
                <div class="content-primary">
					<div  class="ui-body">
						<label for="impexp">Select mode:</label>
						<select name="impexp" id="impexp" data-role="slider">
							<option id="exportOption" value="Export" selected="selected">Export</option>
							<option id="importOption" value="Import" >Import</option>
						</select>
						<div data-role="fieldcontain" class="import">
							<label for="importData">Import Data:</label>
							<input type="text" id="importData"/>
						</div>
						<div data-role="fieldcontain" class="export">
							<label for="exportData">Export Data:</label>
							<input type="text" id="exportData"/>
						</div>
						
						<div id="exportButton" data-inline="true" class="export">
							<a href="#" data-role="button">Export Database</a>
						</div>

						<div id="importButton" data-inline="true" class="import">
                            <input type="button" value="Import Database" disabled/>
						</div>

					</div> 
				</div>
            </div>
        </div>
    </body>
</html>
